<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta name="author" content="AndyGuo" />
    <title>douyin dishonesty person</title>
    <meta name="keywords" content="AndyGuo" />
    <meta name="description" content="AndyGuo" />
    <link href="https://lib.baomitu.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
    <link rel="stylesheet" href="css/style.css?v=1.18">

</head>

<body>
    
<div class="page-container">
    <div class="top-header">
        <h4 class="hd-title">大数据会找到你</h4>
    </div>
    <div class="cube-list-rank" v-cloak>
        <div class="search-box"><input type="text" v-model='search' placeholder="输入账号或名称搜索" /></div>
        <div class="hd-tips">点击账号可直接复制</div>
    	<dl class="data-list">
    		<dt>不诚信人员名单<span>({{total}})</span></dt>

            <dd class="data-list-hd">
                <div class="item">账号</div>
                <div class="item">名称</div>
                <div class="item">关注</div> 
                <div class="item">粉丝</div>
            </dd>
    		<dd v-for="(v,index) in cubelistrank">
                <div class="item" @click.stop="_copy(v.uid)">{{v.uid}}</div>
                <div class="item">{{v.uname}}</div>
                <div class="item">{{v.follow}}</div> 
                <div class="item">{{v.fans}}</div>
    			
    		</dd>
    	</dl>
        
    </div>

  <div class="div3" ><a class="open_dosub_box" href="javascript:;">我要提交</a></div>
</div>



<div class="footer">
    <p>Powered by <a href="//www.d163.net/" target="_blank">Andyguo(吉他郭)</a></p>
</div>

<div id="pop_dosub_box" class="pop-dosub-box">
    <div class="fix-pop-mask"></div>
    <div class="form-box-wrap">
        <h4>把不诚信的人都报出来让更多人知道</h4>
        <form class="form1" onsubmit="return dosub(this)">
            <input type="hidden" name="dosubmit" value="1">
            <input type="hidden" name="modelid" value="6">
            <div class="form-li">
                <input type="text" name="uid" placeholder="输入账号(必填项)">
            </div>
            <div class="form-li">
                <input type="text" name="uname" placeholder="输入名称">
            </div>
            <div class="form-li">
                <input type="text" name="follow" placeholder="关注数">
            </div>
            <div class="form-li">
                <input type="text" name="fans" placeholder="粉丝数">
            </div>
            <div class="form-foot">
                <button type="submit">提交</button>
            </div>
        </form>
    </div>
</div>

<a href="javascript:;" id="goto-top"><i class="fa fa-arrow-up" aria-hidden="true"></i></a>
<script src="js/jquery.min.2.1.4.js"></script>
<script src="js/notiflix-aio-2.7.0.min.js"></script>
<script src="js/vue.min.js"></script>
<script src="js/axios.min.js"></script>

<script type="text/javascript">

$(function(){


    var vm = new Vue({
        el:'.cube-list-rank',
        data:{
            cubelistrank: [],
            search:"",
            total:''
        },
        
        mounted(){
                /*
                axios.jsonp('js/q1.js?v=1.13')
                .then(res => {
                    console.log(res); 
                    this.cubelistrank =res.lists;
                    this.total = res.lists.length;
                })
                .catch(err => console.log(err)) */
            let that = this;
            axios("https://wxycms.160.ink/index/douyin/getdatalist").then(function(res) {
                console.log(res);
                that.cubelistrank.push(...res.data.data);
                console.log(this.cubelistrank);
                that.total = that.cubelistrank.length;
            }) 
            
                

        },
        methods: {
            getUname: function(a){
                $.ajax({
                    url: "http://www.d163.net/api/index/getqqInfo.html",
                    type:"GET",
                    data:{qq:a},
                    dataType:"json",
                    success:function(res){
                        console.log(res);
                        return res.name;
                    }

                })
            },
            // 复制操作
            _copy(context) {
                // 创建输入框元素
                let oInput = document.createElement('input');
                oInput.value = context;
                document.body.appendChild(oInput);
                oInput.select();
                document.execCommand('Copy');
                Notiflix.Notify.Success('复制成功');
                oInput.remove();
            }

        },

        created: function() {

            

            
        }
        
    })

    function sortKey(array,key){
        return array.sort(function(a,b){
        var x = a[key];
        var y = b[key];
        return x-y;
        // return ((x<y)?-1:(x>y)?1:0)
        })
    }

    $('.open_dosub_box').on('click', function(){
        $('#pop_dosub_box').addClass('is_open');
    })

    $('.fix-pop-mask').on('click', function(){
        $('#pop_dosub_box').removeClass('is_open');
    })
})

function dosub(obj){
    $.ajax({
        url: 'https://wxycms.160.ink/diyform/index/post.html',
        type: 'POST',
        dataType: 'JSON',
        data: $(obj).serialize(),
        success: function(res){
            if(res.status==1){
                Notiflix.Notify.Success('提交成功，感谢您的反馈。');
                $('#pop_dosub_box').removeClass('is_open');
            }else{
                Notiflix.Report.Info('系统提示',res.message);
            }
        }
    });

    return false;
}

</script>

<script type="text/javascript">
    $(document).ready(function() {
        var _goToTop = $("#goto-top");
        $(window).scroll(function() {
            if ($(this).scrollTop() > 200) {
                _goToTop.fadeIn(200);
            } else {
                _goToTop.fadeOut(200);
            }
        });
        
        // Animate the scroll to top
        _goToTop.click(function(event) {
            event.preventDefault();
            $('html, body').animate({scrollTop: 0}, 300);
        })
    });

</script>

</body>


</html>
